<template>
	<div class="recommend">
		<ul class="comment" v-for="(v,i) in this.$store.state.home.tuijian" :key="i">
			
			<li @click="fun(v.id)">
				<div class="releft">
					<img :src="v.img" />
				</div>
				<div class="recenter">
					<h5>{{v.title}}</h5>
					<p>{{v.detail}}</p>
				</div>
				<div class="reright">
					<van-button plain type="info">收藏</van-button>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		methods:{
			fun(id){
				// console.log(id)
				// this.$router.push("/homeitem")
				this.$router.push({name:"Homeitem",params:{id:id}})
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.recommend{
		margin-bottom: 0.53rem;
		.comment{
			width: 95%;
			margin: auto;
			
			li{
				width: 100%;
				height: 0.66rem;
				// background-color: rosybrown;
				// line-height: 0.66rem;
				padding-top: 0.19rem;
				border-bottom:0.02rem solid #eeeeee ;
				.releft{
					float: left;
				}
				.recenter{
					width: 1.8rem;
					margin-left: 0.12rem;
					float: left;
					h5{
						margin-top: 0.05rem;
						font-size: 0.13rem;
						color: #5c5c5c;
					}
					p{
						font-size: 0.11rem;
						color: #c2c2c2;
						margin-top: 0.05rem;
					}
				}
				.reright{
					float: right;
					margin-top: 0.08rem;
					.van-button{
						width: 0.53rem;
						height: 0.26rem;
					}
					.van-button--normal{
						padding: 0;
						font-size: 0.14rem;
					}
				}
				
			}
			li img{
				width: 0.48rem;
				border-radius: 0.07rem;
			}
		}
	}
	
	
</style>
